<template>
	<view class="ss-flex">
		<z-icon name="step-icon" size="40rpx"></z-icon>
		<view class="ss-flex ss-m-l-24">
			<view class="ss-font-30 font-w-500">上课时间：</view>
			<view class="font-color-dark5">{{ date }}</view>
		</view>
	</view>
	<view class="content-box ss-m-l-20" :class="showBorder?'borderLeft':''">
		<slot></slot>
	</view>
</template>

<script setup>
	defineProps({
		date: {
			type: String,
			default: ''
		},
		showBorder: {
			type: Boolean,
			default: true
		}
	})
</script>

<style lang="scss" scoped>
	.borderLeft {
		border-left: 1rpx dotted $border-color;
	}
	.content-box {
		padding: 24rpx 0 50rpx 44rpx;
	}
</style>